<!-- 关于我们 -->
<template>
  <div class="container">
    <Nav></Nav>
    <div class="notice_content">
      <div class="about">
        <div class="about_banner">
          <!-- ------------------------------------------- -->
          <div class="banners">
            <div class="banner_left">
              <div class="banner_tip">
                <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/imgTip.png" alt="">
              </div>
              <div class="banner_list">
                <p>岸上教育成立于2018年12月，是易通天下集团旗下教育品牌。作为一家综合性公考考试、职业教育企业，岸上教育主营业务涵盖了</p>
                <div class="img_list">
                  <li><img src="../assets/img/a.png" alt=""></li>
                  <li><img src="../assets/img/b.png" alt=""></li>
                  <li><img src="../assets/img/c.png" alt=""></li>
                  <li><img src="../assets/img/d.png" alt=""></li>
                </div>
              </div>
            </div>
            <div class="banner_right">
              <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/bannerR.png" alt="">
            </div>
          </div>
          <!-- -------------------------------------------- -->
        </div>
        <!-- ------------- -->
        <div class="status">
          <div class="status_title">
            <li>行业现状</li>
            <li>公考参培率10%，山西每年3万+人参加培训</li>
          </div>
          <div class="status_list">
            <div class="s1">
              <div class="s1_img">
                <img src="../assets/img/s1.png" alt="">
              </div>
              <div class="s1_list">
                <li>
                  <p>2018</p>
                  <p></p>
                  <p><span>2.8W</span>人参与</p>
                </li>
                <li>
                  <p>2018</p>
                  <p></p>
                  <p><span>2.5W</span>人参与</p>
                </li>
              </div>
            </div>
            <div class="s2">
              <div class="s1_img">
                <img src="../assets/img/s2.png" alt="">
              </div>
              <div class="s1_list">
                <li>
                  <p>2018</p>
                  <p></p>
                  <p><span>19W</span>人参与</p>
                </li>
                <li>
                  <p>2018</p>
                  <p></p>
                  <p><span>15W</span>人参与</p>
                </li>
              </div>
            </div>
            <div class="s3">
              <div class="s1_img">
                <img src="../assets/img/s3.png" alt="">
              </div>
              <div class="s1_list">
                <li>
                  <p>2018</p>
                  <p></p>
                  <p><span>6W</span>人参与</p>
                </li>
                <li>
                  <p>2018</p>
                  <p></p>
                  <p><span>7W</span>人参与</p>
                </li>
              </div>
            </div>
            <div class="s4">
              <div class="s1_img">
                <img src="../assets/img/s4.png" alt="">
              </div>
              <div class="s1_list">
                <li>
                  <p>2018</p>
                  <p></p>
                  <p><span>3W</span>人参与</p>
                </li>
                <li>
                  <p>2018</p>
                  <p></p>
                  <p><span>3.5W</span>人参与</p>
                </li>
              </div>
            </div>
          </div>
        </div>
        <!-- -------------------------------------------- -->
        <div class="goods">
          <div class="good">
            <div class="good_title">我们的优势</div>
            <div class="good_img">
              <img src="../assets/img/good.png" alt="">
            </div>
            <div class="good_list">
              <div class="good1">
                <li>教育行业创业，门槛高，不能加盟</li>
                <li>没有师资，只能请游师</li>
                <li>没有专职研发，全看老师经验</li>
                <li>集中上课，没有学员跟踪</li>
                <li>没有课程顾问服务，全靠学员自学</li>
              </div>
              <div class="good2">
                <img src="../assets/img/goodL.png" alt="">
              </div>
              <div class="good3">
                <li>加盟模式</li>
                <li>明星师资</li>
                <li>体系课程</li>
                <li>因材施教</li>
                <li>课顾服务</li>
              </div>
              <div class="good4">
                <img src="../assets/img/goodR.png" alt="">
              </div>
              <div class="good5">
                <li>打包式扶持，零门槛、零经验加盟</li>
                <li>从业至少3年的明星师资团队</li>
                <li>精品体系课程，结合当地考情政策</li>
                <li>因材施教，个性化教学；小班授课，1对1等多种教学模式</li>
                <li>专职人员跟踪学习进度，保证学习质量</li>
              </div>
            </div>
          </div>
        </div>
        <!-- -------------------------------------------- -->
        <div class="scores">
          <div class="score_title">我们的成绩</div>
          <div class="score">
            <div class="score_left">
              <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/score3.png" alt="">
            </div>
            <div class="score_center">
              <div class="center_title">行业3倍的通过率</div>
              <div class="center_tip">
                <li>行业平均</li>
                <li>
                  <p>10%</p>
                  <p>公培行业笔试 平均通过率</p>
                </li>
              </div>
              <div class="center_tip">
                <li>岸上教育</li>
                <li>
                  <p>33%</p>
                  <p>2019山西省考 封闭班通过率</p>
                </li>
                <li>
                  <p>36%</p>
                  <p>2019山西省考 协议班通过率</p>
                </li>
              </div>
            </div>
            <div class="score_right">
              <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/score4.png" alt="">
            </div>
          </div>
        </div>
        <!-- -------------------------------------------- -->
        <div class="give">
          <div class="give_title">全量扶持，赢在起点</div>
          <div class="give_tip">打包化方案，16项细节支撑</div>
          <div class="give_list">
            <li>
              <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/give1.png" alt="">
            </li>
            <li>
              <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/give2.png" alt="">
            </li>
            <li>
              <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/give3.png" alt="">
            </li>
            <li>
              <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/give4.png" alt="">
            </li>
          </div>
        </div>
        <!-- -------------------------------------------- -->
        <div class="show">
          <div class="show_title">做好这些，成功快人一步</div>
          <div class="show_tip">您只需要做到</div>
          <div class="show_list">
            <li>
              <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/show1.png" alt="">
            </li>
            <li>
              <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/show2.png" alt="">
            </li>
            <li>
              <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/show3.png" alt="">
            </li>
          </div>
        </div>
        <!-- -------------------------------------------- -->
        <div class="add">
          <div class="add_title">加盟流程</div>
          <div class="add_tip">拥有当地资源更是如虎添翼</div>
          <div class="add_list">
            <li>
              <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/add1.png" alt="">
            </li>
          </div>
        </div>
        <!-- -------------------------------------------- -->
        <div class="ress">
          <li>
            <img src="../assets/img/address.png" alt="">
          </li>
        </div>
        <!-- -------------------------------------------- -->
      </div>
    </div>
    <Bottom></Bottom>
  </div>
</template>

<script>
import Nav from '../components/Nav/nav'
import Bottom from '../components/Bottom/bottom'
export default {
  head () {
    return {
      title: '招商加盟-山西公务员考试网-岸上教育',
      meta:[{
        hid: 'description',
        name: 'description',
        content: '岸上教育网提供公务员考试招商加盟,山西公务员考试网,公务员培训,代理加盟,连锁加盟,品牌推广,招商加盟网。欢迎广大有志之士的加入！'
      },{
        hid: 'Keywords',
        name: 'Keywords',
        content: '招商加盟,山西公务员考试网,岸上教育'
      }]
    }
  },
  name: 'give',
  data () {
    return {
    }
  },

  created () {},

  mounted () {},

  components: {
    Nav,
    Bottom
  },

  computed: {},

  methods: {}
}

</script>
<style lang='scss' scoped>
.container{
  min-width: 1200px;
  background:rgba(247,249,251,1);
}
.notice_content{
  display: flex;
  flex-direction: row;
  align-items:flex-start;
  justify-content: space-between;
}
.about{
  width: 100%;
  height: auto;
}
.about_banner{
  width: 100%;
  height: 1012px;
  background: url('../assets/img/aboutBn.png') no-repeat;
  background-size:cover;
  overflow: hidden;
}
.banner_left{
  width: 445px;
  margin-top:190px;
}
.banner_list{
  margin-top: 124px;
}
.banner_list p{
  font-size:14px;
  font-family:MicrosoftYaHei;
  color:rgba(207,223,255,1);
  line-height:20px;
  letter-spacing:1px;
}
.banners{
  width: 1200px;
  margin: 0px auto 0px;
  display: flex;
  flex-direction: row;
}
.img_list{
  display: flex;
  margin-top: 26px;
}
.img_list li{
  margin-right: 20px;
}
.banner_right{
  margin-left:90px;
  margin-top: 16px;
}
.banner_right img{
  margin-left: 83px;
}
.status{
  width: 1200px;
  margin: 180px auto 0px;
}
.status_title{
  width:100%;
  text-align: center;
}
.status_title li:first-child{
  font-size:32px;
  font-family:MicrosoftYaHei;
  font-weight:bold;
  color:rgba(38,38,38,1);
  line-height:42px;
  letter-spacing:2px;
}
.status_title li:last-child{
  font-size:16px;
  font-family:MicrosoftYaHei;
  color:rgba(38,38,38,1);
  line-height:21px;
  letter-spacing:1px;
  margin-top: 20px;
}
.status_list{
  width: 1050px;
  margin: 80px auto 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  // padding-left: 160px;
}
// -------------------
.status_list .s1{
  width: 525px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 60px;
}
.status_list .s1_list{
  margin-left: 20px;
}
.status_list .s1 .s1_list li{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.status_list .s1 .s1_list li:first-child{
  margin-bottom: 20px;
}
.status_list .s1_list li p:nth-child(1){
  font-size:20px;
  font-family:DIN Alternate Bold;
  font-weight:bold;
  color:rgba(38,38,38,1);
  line-height:24px;
  letter-spacing:1px;
}
.status_list .s1_list li p span{
  font-size:20px;
  font-family:DIN Alternate Bold;
  font-weight:bold;
  color:rgba(38,38,38,1);
  line-height:24px;
  letter-spacing:1px;
}
.status_list .s1 .s1_list li p:nth-child(2){
  width:28px;
  height:6px;
  background:linear-gradient(138deg,rgba(57,106,252,1) 0%,rgba(41,72,255,1) 100%);
  border-radius:9px;
  margin: 0px 10px;
}
.status_list .s1 .s1_list li:nth-child(2) p:nth-child(2){
  width:25px;
  height:6px;
  background:linear-gradient(138deg,rgba(57,106,252,1) 0%,rgba(41,72,255,1) 100%);
  border-radius:9px;
  margin: 0px 10px;
}
// -------------------------
.status_list .s2{
  width: 525px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 60px;
}
.status_list .s1_list{
  margin-left: 20px;
}
.status_list .s2 .s1_list li{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.status_list .s2 .s1_list li:first-child{
  margin-bottom: 20px;
}
.status_list .s2 .s1_list li p:nth-child(2){
  width:190px;
  height:6px;
  background:linear-gradient(138deg,rgba(57,106,252,1) 0%,rgba(41,72,255,1) 100%);
  border-radius:9px;
  margin: 0px 10px;
}
.status_list .s2 .s1_list li:nth-child(2) p:nth-child(2){
  width:150px;
  height:6px;
  background:linear-gradient(138deg,rgba(57,106,252,1) 0%,rgba(41,72,255,1) 100%);
  border-radius:9px;
  margin: 0px 10px;
}
// -----------------------
.status_list .s3{
  width: 525px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 60px;
}
.status_list .s1_list{
  margin-left: 20px;
}
.status_list .s3 .s1_list li{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.status_list .s3 .s1_list li:first-child{
  margin-bottom: 20px;
}
.status_list .s3 .s1_list li p:nth-child(2){
  width:60px;
  height:6px;
  background:linear-gradient(138deg,rgba(172,75,255,1) 0%,rgba(98,21,255,1) 100%);
  border-radius:9px;
  margin: 0px 10px;
}
.status_list .s3 .s1_list li:nth-child(2) p:nth-child(2){
  width:70px;
  height:6px;
  background:linear-gradient(138deg,rgba(172,75,255,1) 0%,rgba(98,21,255,1) 100%);
  border-radius:9px;
  margin: 0px 10px;
}
// ----------------------------------
.status_list .s4{
  width: 525px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 60px;
}
.status_list .s1_list{
  margin-left: 20px;
}
.status_list .s4 .s1_list li{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.status_list .s4 .s1_list li:first-child{
  margin-bottom: 20px;
}
.status_list .s4 .s1_list li p:nth-child(2){
  width:30px;
  height:6px;
  background:linear-gradient(138deg,rgba(172,75,255,1) 0%,rgba(98,21,255,1) 100%);
  border-radius:9px;
  margin: 0px 10px;
}
.status_list .s4 .s1_list li:nth-child(2) p:nth-child(2){
  width:35px;
  height:6px;
  background:linear-gradient(138deg,rgba(172,75,255,1) 0%,rgba(98,21,255,1) 100%);
  border-radius:9px;
  margin: 0px 10px;
}
// ----------------------------
.goods{
  width: 100%;
  margin-top: 180px;
  margin-bottom: 120px;
  // background: url();
}
.good{
  width: 1200px;
  margin: 0 auto;
}
.good_title{
  width:100%;
  text-align: center;
  font-size:32px;
  font-family:MicrosoftYaHei;
  font-weight:bold;
  color:rgba(38,38,38,1);
  line-height:42px;
  letter-spacing:2px;
}
.good_img{
  width: 100%;
  height: 122px;
  text-align: center;
  margin-top:69px;
}
.good_img img{
  width: 873px;
  height: 122px;
}
.good_list{
  display: flex;
  flex-direction: row;
  align-items: center;
  // justify-content: center;
  width: 767px;
  margin: 0 auto;
}
.good1{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.good1 li{
  width: 290px;
  font-size:18px;
  font-family:MicrosoftYaHei;
  color:rgba(38,38,38,1);
  line-height:24px;
  letter-spacing:1px;
  margin-bottom: 36px;
  text-align: right;
}
.good1 li:last-child{
  margin-bottom: 0px;
}
.good3{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.good3 li{
  width: 78px;
  font-size:18px;
  font-family:MicrosoftYaHei;
  font-weight:bold;
  color:rgba(38,38,38,1);
  line-height:24px;
  letter-spacing:1px;
  margin-bottom: 36px;
}
.good3 li:last-child{
  margin-bottom: 0px;
}
.good2{
  margin: 0px 23px 0px 19px;
}
.good4{
  margin: 0px 13px 0px 22px;
}
.good5{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.good5 li{
  width: 488px;
  font-size:18px;
  font-family:MicrosoftYaHei;
  font-weight:bold;
  color:rgba(38,38,38,1);
  line-height:24px;
  letter-spacing:1px;
  margin-bottom: 36px;
}
.good5 li:last-child{
  margin-bottom: 0px;
}
// -----------------------------
.scores{
  width: 100%;
  height: 927px;
  background: url('https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/bn1.png') no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.score{
  width: 1200px;
  margin: 77px auto 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.score_right{
  margin-left: 70px;
}
.score_title{
  width: 100%;
  text-align: center;
  font-size:32px;
  font-family:MicrosoftYaHei;
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height:42px;
  letter-spacing:2px;
  margin-top: 0px;
}
.score_left{
  margin-left: -200px;
}
.score_center{
  width: 315px;
  display: flex;
  flex-direction: column;
}
.center_title{
  font-size:30px;
  font-family:MicrosoftYaHei;
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height:40px;
  letter-spacing:4px;
  margin-bottom: 10px;
}
.center_tip{
  display: flex;
  flex-direction: column;
  width:315px;
  height:auto;
  background:rgba(255,207,21,1);
  box-shadow:0px 6px 20px 0px rgba(0,36,107,0.3);
  border-radius:12px;
  box-sizing: border-box;
  padding: 0px 40px 20px;
  margin-top: 20px;
}
.center_tip li:nth-child(2){
  margin-top: 20px;
}
.center_tip li:nth-child(3){
  margin-top: 10px;
}
.center_tip li{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.center_tip li p:first-child{
  font-size:60px;
  font-family:'DIN Alternate Bold';
  font-weight:bold;
  color:rgba(38,38,38,1);
  line-height:70px;
  letter-spacing:4px;
}
.center_tip li p:last-child{
  width:125px;
  height:48px;
  font-size:18px;
  font-family:MicrosoftYaHei;
  color:rgba(38,38,38,1);
  line-height:24px;
  letter-spacing:1px;
}
.center_tip li:first-child{
  width:108px;
  height:38px;
  background:rgba(218,72,72,1);
  border-radius:0px 0px 8px 8px;
  font-size:24px;
  font-family:MicrosoftYaHei;
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height:38px;
  text-align: center;
  display: block;
}
// ---------------------------------------
.give{
  width: 1200px;
  margin: 121px auto 0px;
}
.give_title{
  width: 100%;
  text-align: center;
  font-size:32px;
  font-family:MicrosoftYaHei;
  font-weight:bold;
  color:rgba(38,38,38,1);
  line-height:42px;
  letter-spacing:2px;
}
.give_tip{
  width: 100%;
  text-align: center;
  font-size:16px;
  font-family:MicrosoftYaHei;
  color:rgba(38,38,38,1);
  line-height:21px;
  letter-spacing:1px;
  margin-top: 20px;
}
.give_list{
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.give_list li{
  margin-left: 20px;
  margin-bottom:20px;
}
.give_list li:nth-child(2n - 1){
  margin-left: 0px;
}
// ----------------------------------
.show{
  width: 1200px;
  margin: 160px auto 0px;
}
.show_title{
  width: 100%;
  text-align: center;
  font-size:32px;
  font-family:MicrosoftYaHei;
  font-weight:bold;
  color:rgba(38,38,38,1);
  line-height:42px;
  letter-spacing:2px;
}
.show_tip{
  width: 100%;
  text-align: center;
  font-size:16px;
  font-family:MicrosoftYaHei;
  color:rgba(38,38,38,1);
  line-height:21px;
  letter-spacing:1px;
  margin-top: 20px;
}
.show_list{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 80px;
}
.show_list li{
  margin-left: 19px;
}
.show_list li:first-child{
  margin-left: 0px;
}
// ---------------------------------
.add{
  width: 1200px;
  margin: 180px auto 0px;
}
.add_title{
  width: 100%;
  text-align: center;
  font-size:32px;
  font-family:MicrosoftYaHei;
  font-weight:bold;
  color:rgba(38,38,38,1);
  line-height:42px;
  letter-spacing:2px;
}
.add_tip{
  width: 100%;
  text-align: center;
  font-size:16px;
  font-family:MicrosoftYaHei;
  color:rgba(38,38,38,1);
  line-height:21px;
  letter-spacing:1px;
  margin-top: 20px;
}
.add_list{
  margin-top: 80px;
}
.ress{
  width: 1200px;
  margin: 180px auto;
}
.ress li{
  width: 100%;
  text-align: center;
}
</style>
